<script type="text/javascript">
    $(function() {
        $("#tabs").tabs();
    });
</script>

<div id="main">

    <p style="color: green"><%= flash[:notice] %></p>
    <div id="tabs">
      <ul>
        <li><a href="#tabs-1">我会做的菜</a></li>
      </ul>
      <div id="tabs-1" style="filter: Alpha(Opacity=50)">
        <p>这里显示各种菜式</p>
        <%= form_tag(make_step_2_path()) -%>
          <% for skill in @skills do
             dish_img = "#{skill.base_dish.id}.gif"
          %>
             <dl class="stove">
                <dt><img src="/images/dishes/<%=dish_img%>"/></dt>
                <dd><%=radio_button_tag 'skill_id', skill.id, true -%> <%=skill.base_dish.name -%></dd>
              </dl>
           <% end # of for  %>
           <%= hidden_field_tag 'stove_num', @stove_num %>
           <%= submit_tag "开始配菜" %>

         </form>

      </div>
    </div> <!-- of <div id="tabs"> -->
    <div class="clear"></div>
    
</div> <!-- of <div id="main"> -->
